<template>
  <div id="app">
  	<transition enter-active-class="animated flipInX" leave-active-class="animated flipOutX" mode="out-in">
    <router-view ></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import 'http://at.alicdn.com/t/font_f3lvfym64rgam7vi.css';
@import './assets/animate.css';
body {
  background-color: #F7F7FA;
  font-size:20px;
}
#app{
  font-size:20px;
}
.anileft-transition{
  position:absolute;
  width:100%;
  transition: all 3s ease;
  overflow: hidden;
  top:50px;
  left:0;
}
.anileft-enter{
	left:100%;
}
.anileft-leave,{
  	left:-100%;
}
.empty-tip{
  text-align: center;
  font-size: 16px;
  color:#999;
  padding: 1rem;
}
</style>
